<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <link rel="stylesheet" href="style.css" type="text/css" media="all" />
    <h:head>
        <title>Dota</title>
        <h3>Welcome #{loginBean.username}</h3>
    </h:head>

    <h:body>
        <div  id="menucontainer">
            <nav>
                <ul id="menu" >

                    <h:panelGroup>
                        <h:form>

                            <li id="buttons"><h:commandButton id="jogo" value ="#{msgs.jogo}" styleClass="simples" action="#{navegar.jogo()}">                    
                                    <f:ajax render=":content"/>
                                    <f:ajax execute="@this" render="@none" />
                                </h:commandButton>
                            </li>

                            <li id="buttons"><h:commandButton id="ajuda" value ="#{msgs.ajuda}" styleClass="simples" action="#{navegar.ajuda()}">                    
                                    <f:ajax render=":content"/>
                                    <f:ajax execute="@this" render="@none" />
                                </h:commandButton>
                            </li>

                            <li id="buttons"><h:commandButton id="shop" value ="#{msgs.shop}" styleClass="simples" action="#{navegar.shop()}">                    
                                    <f:ajax render=":content"/>
                                    <f:ajax execute="@this" render="@none" />
                                </h:commandButton>
                            </li>


                        </h:form>
                    </h:panelGroup>
                </ul>

                <h:form id="idiomas">
                    <h:commandLink action="#{idioma.portugueseLocale}">
                        <img src="br.png" alt="Português" style="padding-left: 10px"/>
                    </h:commandLink>
                    <h:commandLink action="#{idioma.englishLocale}">
                        <img src="us.png" alt="English"/>
                    </h:commandLink>
                    <h:commandLink action="#{loginBean.doLogout}" value="Logout"/>  
                </h:form>
            </nav>
        </div>

        <div id="subsite">
            <h:panelGroup id="content" layout="block">
                <ui:include src="#{navegar.pagina}"/>
            </h:panelGroup>
        </div>
    </h:body>
    <br></br><br></br>


</html>

